<template>
    <div>
        <p>{{ ((book.obj) as itemType).name }}</p>
    </div>
</template>

<script lang='ts' setup>
import { reactive } from 'vue';

//  setup中使用reactive
// interface Book {
//     name: string,
//     price?: number
// }

// 定义obj 的数据类型
interface itemType { name: string, price?: number };
// 定义book 的数据类型
interface Book {
    obj: itemType | null
}
// 给book 初始化赋值
let book = reactive<Book>({ obj: null });
// 修改obj 的值
book.obj = { name: '水浒转' }

console.log(book)
//  修改obj 的值
book.obj.name = '三国'



</script>
<style scoped>

</style>